<template>
	<view>
		<view>
			{{title}}
			<textarea class="title" v-model="text"></textarea>
		</view>
		<view>
			{{introduce}}
			<textarea class="introduce" v-model="text"></textarea>
		</view>
		<view class="content">
			{{content}}
			<textarea class="textarea" v-model="text"></textarea>
		</view>
		<button type="default" @click="goto">提交</button>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				title: '标题',
				introduce: '介绍信息',
				content: '内容信息',
				txt: 'txt'
			}
		},
		methods: {
			goto() {
				uni.navigateTo({
					url: '../detail/detail'
				})
			}
		},


	}
</script>

<style>
	.title {
		width: 100%;
		height: 80rpx;
		border: 1px #4CD964 solid;
	}

	.introduce {
		width: 100%;
		height: 150rpx;
		border: #007AFF 1px solid;
	}

	.textarea {
		width: 100%;
		height: 300rpx;
		border: solid 1px #007AFF;
	}
</style>
